<!DOCTYPE html>
<html>
	<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<title></title>
	<link rel="stylesheet" type="text/css" href="../css/index.css" />
	<link rel="stylesheet" type="text/css" href="../css/shoppingCatzhong.css" />
	<script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/vant.min.js" type="text/javascript" charset="utf-8"></script>

	<script type="text/javascript">
		document.addEventListener('plusready', function() {
			//console.log("所有plus api都应该在此事件发生后调用，否则会出现plus is undefined。"

		});
	</script>
	</head>
	<body>
		<div id="app">
			<header>
				<van-row>
					<van-col offset="10" span="8"><span>购物车</span></van-col>
					<van-col span="6">
						<van-button round type="danger">清空购物车</van-button>
					</van-col>
				</van-row>


			</header>
			<section>
				<van-card num="2" price="2.00" desc="描述信息" thumb="..\img\yifu.jpg"  title="商品标题"></van-card>
				<van-card num="2" price="2.00" desc="描述信息" thumb="..\img\yifu.jpg" title="商品标题"></van-card>
				<van-submit-bar :price="3050" button-text="提交订单" ></van-submit-bar>

			</section>
			<footer>
				<van-tabbar v-model="active">
					<van-tabbar-item icon="home-o">首页</van-tabbar-item>
					<van-tabbar-item icon="search">分类</van-tabbar-item>
					<van-tabbar-item icon="cart-o">购物车</van-tabbar-item>
					<van-tabbar-item icon="setting-o">个人中心</van-tabbar-item>
				</van-tabbar>
			</footer>
		</div>
		<script>
			var vm = new Vue({
				el: "#app",
				data: {
					active: 2

				}

			})
		</script>

	</body>
</html>
